﻿<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>活体检测</title>
		<link rel="stylesheet" type="text/css" href="../css/normal.css">
		<script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript" src="../js/detect.js"></script>
		<script type="text/javascript" src="../js/common.js"></script>
		<script type="text/javascript" src="../js/livedetect.js"></script>
		<script type="text/javascript" src="../js/json2.js"></script>
		<style type="text/css">
		*{
		padding:0;
		margin:0;}
		#body{
		margin-top:70px;
			}
		.detect{
			height:298px;
			width:640px;
			margin:0 auto;
			margin-top:30px;}
		.liveclose{
                        height:60px;
                        width:640px;
                        margin:0 auto;
                        margin-top:30px;}

		.color-white{
			width:640px;
			height:236px;
			background:rgba(245,235,233,0.75);
			filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#bff5ebe9,endcolorstr=#bff5ebe9);
			}
		img{width:484px;
		height:338px;
		margin:0 auto;
		display:block;}
		#title{
			font:normal 24px 微软雅黑;
			display:block;
			width:468px;
			margin:0 auto;
			margin-bottom:30px;
		}
		#title2 {
			font:normal 24px 微软雅黑;
		}
		</style>
		
	</head>
	<body 
		style="background:rgba(0,0,0,0.15);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#26000000,endcolorstr=#26000000);"
		onload="onPageLoad()"
		>
	<!--页面内容开始-->
	<div id="body" >
		<!-- <button id="btnPost" onclick="testPost()">postmessage测试</button> -->
		<div class="liveclose" >
		<span style="display:block;background:#CE4242;width:300px;float:left;height:62px;line-height:62px;color:white;font-size:30px;text-align:center;font-family:微软雅黑;" >
			 <span id = "liveDown" style="cursor:pointer;" onclick="downOcx();">下载插件</span></span>
		<span style="display:block;background:#CE4242;width:300px;float:right;height:62px;line-height:62px;color:white;font-size:30px;text-align:center;font-family:微软雅黑;" >
                         <span id = "liveClose" style="cursor:pointer;" onclick="closeLiveCheck();">退出</span></span>

		</div>
		<!-- <span id="title">请正对摄像头，确保光线充足</span> -->
		<!-- 要求用户选择摄像头 -->
		<!-- <span style="font-family: 新宋体; font-size: 24px;color:#0000ff;opacity:0">摄像头:&nbsp;</span> -->
<!--		<select id="cbCameras" style="width:240px;opacity:0"></select>&nbsp;&nbsp;&nbsp;&nbsp;-->
		<!-- <input id="chkNeedHack" name="NeedHack" type="checkbox" value="NEED_HACK" style="opacity:0" checked></input>&nbsp;<span style="opacity:0">需要后端防 HACK</span> -->
		<img id="showmanobj" src="../images/zheng.png" />
		<div class="detect" id="jianceobj" style="display: none">
<!--			<span style="display:block;background:#CE4242;width:640px;height:62px;line-height:62px;color:white;font-size:30px;text-align:center;font-family:微软雅黑;" >-->
<!--		<span id = "liveBtn" style="cursor:pointer;" onclick="refreshPage();">开始活体检测</span></span>-->
			<div class="color-white" style="text-align:center;">
				<!-- <span id = "result" style="display:block;text-align:center;color:#000;font: normal 24px 微软雅黑;padding:102.5px 0;">
					<p>请正对摄像头，确保光线充足;</p>
					<p>请确保是&nbsp;<span id="red" style="color:#ce4242;">账户本人</span>&nbsp;操作</p>
				</span> -->
				<div style="background:rgba(245,235,233,0.75);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#bff5ebe9,endcolorstr=#bff5ebe9);height:236px;position:relative">
					<!-- <div  style="position:absolute;top:60px;left:50%;margin-left:-36px"><img id="question" style="width:auto;height:auto" src="../images/question.png"/></div>	 -->
					<span id="score" style="color:#CE4242;display:block;width:640px;height:88px;font:normal 36px 微软雅黑;padding-top:30px;text-align:center"></span>
					<span id="info"  style="color:#CE4242;display:block;width:640px;height:118px;font:normal 24px 微软雅黑;"></span>
				</div>
			</div>
		</div>
		<img id="bestImgfaceObj" style="display: none" />
	
	</div>	
	<div id="cloudwalkwebobj" style="visibility: hidden; margin:0 auto;" align="center"></div>
	<!--<img id="bestImgObj"/>-->
	<!--页面内容结束-->
	</body>
</html>
